<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewprot-fit=cover,">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <link rel="stylesheet" href="css/app.css">
    <link rel="stylesheet" type="text/css" href="css/root.css"/>
    <link rel="stylesheet" type="text/css" href="css/order/order.css"/>

    <!-- Core CSS file -->
    <link rel="stylesheet" href="photoswipe/photoswipe.css">

    <!-- Skin CSS file (styling of UI - buttons, caption, etc.)
         In the folder of skin CSS file there are also:
         - .png and .svg icons sprite,
         - preloader.gif (for browsers that do not support CSS animations) -->
    <link rel="stylesheet" href="photoswipe/default-skin/default-skin.css">

    <!-- Core JS file -->
    <script src="photoswipe/photoswipe.min.js"></script>

    <!-- UI JS file -->
    <script src="photoswipe/photoswipe-ui-default.min.js"></script>

    <script type="text/javascript" src="js/base/jquery-3.1.1.min.js?ver=2.0.4" charset="utf-8"></script>
    <script type="text/javascript" src="js/base/underscore-min.js"></script>
    <script type="text/javascript" src="js/base/moment.min.js"></script>
    <script src="js/base/api.js?t=4"></script>
    <script src="js/base/magiclamp.js"></script>
    <script src="js/base/base.js"></script>
    <script src="js/base/vue-filter.js"></script>
    <script src="js/base/vue.js"></script>

    <script src="js/base/swipe.min.js"></script>


    <script src="js/base/phone.js"></script>
    <script type="text/javascript"
    src="http://api.map.baidu.com/api?v=3.0&ak=qF6eV0McTyVWpsFbufXQzX84d86ANXWs"></script>
    <!-- <script src="http://maps.google.cn/maps/api/js?key=AIzaSyDj7xfYnHtLWIIgkr3emNiRA6yycXBXZzM" defer></script> -->
    <script src="js/baidu/baidu.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>

    <!--TLS web sdk(只用于托管模式，独立模式不用引入)-->
    <script type="text/javascript" src="https://tls.qcloud.com/libs/api.min.js"></script>
    <script type="text/javascript" src="js/im/webim.js"></script>
    <script type="text/javascript" src="js/im/spark-md5.js"></script>
    <script src="js/home5.js?t=2"></script>
    <script src="js/im/im.js?t=1"></script>
    <script src="js/im/show_one_msg.js"></script>

    <!--图标字体 必须的-->
    <script src="js/iconfont.js"></script>

    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

    <title>华迅直购</title>
</head>
<body class="whitesmoke">
<!--活动列表-->
<template id="tab_program">
    <div class="center">
        <div id="allmap" class="home2-center">

            <!--<div class="app-title">直播列表</div>-->


        </div>
        <div id="map_search">
            <div class="btn-group" style="width: 25%">
                <button type="button" class="btn btn-default dropdown-toggle"
                        style="width: 95%;padding-left: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <span v-if="select_address.id">{{select_address.name}}</span><span
                        v-if="!select_address.id">选择地址</span> <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" style="height: 240px; overflow: hidden; overflow-y: scroll">
                    <li v-for="address in address_list" @click="select_address_item(address);"><a
                            href="javascript:void(0);">{{address.name}}</a></li>
                </ul>
            </div>
            <div class="btn-group" style="width: 55%">
                <button type="button" class="btn btn-default dropdown-toggle"
                        style="width: 95%;padding-left: 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <span v-if="select_address_goods_store.id" style="">{{select_address_goods_store.name}}</span><span
                        v-if="!select_address_goods_store.id">选择店铺</span> <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" style="height: 240px; overflow: hidden; overflow-y: scroll">
                    <li v-for="store in address_goods_store_list" @click="select_address_goods_store_item(store)"><a
                            href="javascript:void(0);">{{store.name}}</a></li>
                </ul>
            </div>


            <!--            <button class="btn btn-default" type="button" @click="show_search()">-->
            <!--                筛选-->
            <!--                <span class="red-cart" v-if="has_searched"></span>-->
            <!--            </button>-->

        </div>
        <div class="pengyou">
            <!--            <img src="img2/hosttype/btn_map_ms_highlight.png" v-if="search_live_type==1"-->
            <!--                 @click="change_search_live_type(2)">-->
            <!--            <img src="img2/hosttype/btn_map_ms_normal.png" v-if="search_live_type==2"-->
            <!--                 @click="change_search_live_type(1)">-->

            <img src="img2/pengyou_btn.png" @click="show_pengyou">
        </div>
        <div class="pengyou_half">
            <img src="img2/shop_close_norma.png" v-if="search_content_half==1"
                 @click="change_search_half(2)">
            <img src="img2/shop_open_normal.png" v-if="search_content_half==2"
                 @click="change_search_half(1)">
        </div>
        <div id="search_content" v-if="show_search_content">
            <div class="search-content-center">
                <form onsubmit="return false;">
                    <div class="form-inline" style="padding-top: 0.5rem;padding-bottom: 0px;margin-bottom: 5px;">
                        <div class="input-group">
                            <div class="input-group-btn">
                                <button type="button" class="btn btn-default dropdown-toggle"
                                        style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"
                                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span>{{select_address2.name}}</span> <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu" style="height: 240px; overflow: hidden; overflow-y: scroll">
                                    <li v-for="address in address_list2" @click="select_address_item2(address);"><a
                                            href="javascript:void(0);">{{address.name}}</a></li>
                                </ul>
                            </div>
                            <input type="text" class="form-control" placeholder="商品" v-model="live_name">
                            <span class="input-group-btn">
                                <button class="btn btn-default" type="button"
                                        @click="query_host_or_goods_list()">搜索</button>
                              </span>
                        </div><!-- /input-group -->
                    </div>
                    <div class="form-group"
                         style="padding-top: 0px;padding-bottom: 0.6rem;margin-bottom: 0px;border-bottom: solid #cccccc 1px;">
                        <label>大家都在搜</label>
                        <div class="btn-toolbar">
                            <button v-for="obj in hot_search_list" @click="select_hot_search_fun(obj)" type="button"
                                    class="btn btn-default" style="height: 2.4rem;line-height: 1.2rem">
                                {{obj.name}}
                            </button>
                        </div>
                    </div>


                    <!--                    <div class="form-group"-->
                    <!--                         style="padding-top: 0.3rem;padding-bottom: 0.3rem;margin-bottom: 0px;border-bottom: solid #cccccc 1px;">-->
                    <!--                        <div class="btn-toolbar" v-if="search_type=='goods'" style="padding-bottom: 0.4rem; ">-->
                    <!--                            <span style="float: left;height: 2rem;line-height: 2.1rem;">热搜&nbsp;</span>-->
                    <!--                            <button v-for="obj in hot_goods_type" type="button" class="btn"-->
                    <!--                                    @click="select_goods_type_fun(obj)"-->
                    <!--                                    :class="obj.class_name"-->
                    <!--                                    style="height: 2.2rem;line-height: 1.2rem;padding-left: 0.3rem;padding-right: 0.3rem;">-->
                    <!--                                {{obj.name}}-->
                    <!--                            </button>-->
                    <!--                            <button type="button" @click="query_host_or_goods_reset" class="btn btn-default"-->
                    <!--                                    style="height: 2.2rem;line-height: 1.2rem;float: right;">-->
                    <!--                                清空条件-->
                    <!--                            </button>-->
                    <!--                        </div>-->
                    <!--                    </div>-->

                    <div v-for="user in query_user_list" v-if="search_type=='daigou'">
                        <div class="item-live">
                            <div class="item-user-icon">
                                <img src="img2/icon.png" v-if="!user.icon_url">
                                <img :src="show_head_img(user.icon_url, '&imageView2/0/w/100/h/100')"
                                     v-if="user.icon_url">
                            </div>
                            <div class="right">
                                <div class="item-user-desc" @click="open_chat(user)">
                                    <div class="name">
                                        <img src="img2/tjsj_icon.png" style="width: 1.9rem;margin-top: -8px;"
                                             v-if="user.live_type==1">
                                        <span class="bold">{{user.realname}}</span>
                                        <span class="orange">{{user.host_type}}</span>
                                        <i>{{user.distance_str}}</i>
                                    </div>
                                    <div>{{user.liveprogram__name}}</div>
                                </div>
                                <div class="item-user-address">
                                    <!--<button type="button" class="btn  btn-sm btn-primary" @click="open_chat(user)">聊聊天-->
                                    <!--</button>-->
                                    <img src="img2/zzzb_icon.png" v-if="user.live_status" style="width: 1.5rem"/>
                                    <div v-if="!user.live_status" style="width: 1.5rem">&nbsp;</div>
                                    <button type="button" class="btn  btn-sm btn-lightpink"
                                            @click="map_move_to(user.la, user.lo)">所在位置
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="show-grid-container">
                            <div class="show-grid" v-for="goods in user.goods" @click="go_goods_detail(goods)">
                                <div><img
                                        :src="baseConfig.qn_host + goods.small_image__fileurl+'?imageView2/1/w/240/h/240'">
                                </div>
                                <div class="text" v-text="goods.name"></div>
                            </div>

                        </div>
                    </div>


                    <div class="cart-list" v-for="c_goods in near_goods_list" v-if="search_type=='goods'">
                        <img class="goods-img" @click="go_goods_info_detail(c_goods.id)"
                             :src="baseConfig.qn_host + c_goods.small_image__fileurl+'?imageView2/1/w/240/h/240'">
                        <div class="goods-main" @click="go_goods_info_detail(c_goods.id)">
                            <div class="name">{{c_goods.name}}</div>

                            <div class="goods-id">商品id:{{c_goods.id}}</div>
                            <div class="bottom">
                                <div class="price">{{price_filter(c_goods.price-c_goods.bu_tie_price)}}</div>
                                <div class="goods-num">已售:{{c_goods.sale_num}}</div>
                            </div>
                            <div class="name" style="font-weight: 200">
                                <img src="img2/tjsj_icon.png" style="width: 1.9rem;margin-top: -8px;"
                                     v-if="c_goods.user__live_type==1">
                                <span class="bold">{{c_goods.goodsstore__name}}</span>
                                <!--                                <span class="orange">{{c_goods.liveprogram__livetype__name}}</span>-->
                            </div>
                        </div>
                    </div>
                    <div v-if="search_type=='goods'&&near_goods_list.length>0" class="form-group"
                         style="padding-top: 2px;padding-bottom: 0px;margin-bottom: 0px;">
                        <button type="button" style="width: 95%;height: 2.2rem;line-height: 1.2rem;"
                                class="btn btn-default"
                                @click="query_search_goods_list">更多商品
                        </button>
                    </div>
                </form>
            </div>

        </div>
        <div id="search_content_bottom" v-if="show_search_content">
            <div class="search-content-bottom">
                <button type="button" class="btn-reset" @click="hide_search_pannel()">返回</button>
            </div>
        </div>
        <!-- 半屏店铺start-->
        <div id="search_content_half" v-if="show_search_content_half">
            <div class="search-content-center">

                <div v-for="user in near_user_list_distance">
                    <div class="item-live">
                        <div class="item-user-icon" v-if="user.t==1">
                            <img src="img2/icon.png" v-if="!user.small_image__fileurl">
                            <img :src="show_head_img(baseConfig.qn_host + user.small_image__fileurl, '&imageView2/0/w/100/h/100')"
                                 v-if="user.small_image__fileurl">
                        </div>
                        <div class="item-user-icon" v-if="user.t==2">
                            <img src="img2/icon.png" v-if="!user.small_image__fileurl">
                            <img :src="show_head_img(baseConfig.qn_host + user.small_image__fileurl, '&imageView2/0/w/100/h/100')"
                                 v-if="user.small_image__fileurl">
                        </div>
                        <div class="right">
                            <div class="item-user-desc">
                                <div class="name">
                                    <img src="img2/tjsj_icon.png" style="width: 1.9rem;margin-top: -8px;"
                                         v-if="user.live_type==1">
                                    <span class="bold" @click="show_host_info(user)">{{user.realname}}</span>
                                    <i>{{user.distance_str}}</i>
                                </div>
                                <div>{{user.liveprogram__name}}</div>
                            </div>
                            <div class="item-user-address">
                                <!--<button type="button" class="btn  btn-sm btn-primary" @click="open_chat(user)">聊聊天-->
                                <!--</button>-->
                                <img src="img2/zzzb_icon.png" v-if="user.live_status" style="width: 1.5rem"/>
                                <div v-if="!user.live_status" style="width: 1.5rem">&nbsp;</div>
                                <button type="button" class="btn  btn-sm btn-lightpink"
                                        @click="map_move_to(user.la, user.lo)">所在位置
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="show-grid-container">
                        <div class="show-grid" v-for="goods in user.goods" @click="go_goods_detail(goods)">
                            <div><img
                                    :src="baseConfig.qn_host + goods.small_image__fileurl+'?imageView2/1/w/240/h/240'">
                            </div>
                            <div class="text" v-text="goods.name"></div>
                        </div>

                    </div>
                </div>
            </div>


        </div>
        <!-- 半屏店铺end-->
        <div id="live_list" v-if="show_live_list">
            <div class="search-content-center">

                <div class="query-title">
                    <div class="query-title-font">位置:{{current_place}}</div>
                    <button @click="show_search()">筛选</button>
                </div>
                <div v-for="user in near_user_list">
                    <div class="item-live">
                        <div class="item-user-icon" v-if="user.t==1">
                            <img src="img2/icon.png" v-if="!user.small_image__fileurl">
                            <img :src="show_head_img(baseConfig.qn_host + user.small_image__fileurl, '&imageView2/0/w/100/h/100')"
                                 v-if="user.small_image__fileurl">
                        </div>
                        <div class="item-user-icon" v-if="user.t==2">
                            <img src="img2/icon.png" v-if="!user.small_image__fileurl">
                            <img :src="show_head_img(baseConfig.qn_host + user.small_image__fileurl, '&imageView2/0/w/100/h/100')"
                                 v-if="user.small_image__fileurl">
                        </div>
                        <div class="right">
                            <div class="item-user-desc">
                                <div class="name">
                                    <img src="img2/tjsj_icon.png" style="width: 1.9rem;margin-top: -8px;"
                                         v-if="user.live_type==1">
                                    <span class="bold" @click="show_host_info(user)">{{user.realname}}</span>
                                    <i>{{user.distance_str}}</i>
                                </div>
                                <div>{{user.liveprogram__name}}</div>
                            </div>
                            <div class="item-user-address">
                                <!--<button type="button" class="btn  btn-sm btn-primary" @click="open_chat(user)">聊聊天-->
                                <!--</button>-->
                                <img src="img2/zzzb_icon.png" v-if="user.live_status" style="width: 1.5rem"/>
                                <div v-if="!user.live_status" style="width: 1.5rem">&nbsp;</div>
                                <button type="button" class="btn  btn-sm btn-lightpink"
                                        @click="map_move_to(user.la, user.lo)">所在位置
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="show-grid-container">
                        <div class="show-grid" v-for="goods in user.goods" @click="go_goods_detail(goods)">
                            <div><img
                                    :src="baseConfig.qn_host + goods.small_image__fileurl+'?imageView2/1/w/240/h/240'">
                            </div>
                            <div class="text" v-text="goods.name"></div>
                        </div>

                    </div>
                </div>
            </div>

        </div>
        <div id="live_list_bar" v-if="show_live_list">
            <button class="btn btn-default btn-sm query-bottom-button" @click="hide_live_list()">返&nbsp;&nbsp;回</button>
        </div>
        <!--显示代购店铺详情-->
        <div id="live_host_detail" v-if="show_live_list&&show_host_detail">
            <div class="store-dis-top">
            <span @click="show_host_detail=false">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-back"></use>
                </svg>返回
            </span>
                <div>{{show_host_info_obj.name}}</div>
                <span></span>
            </div>
            <!--代购店banner图-->
            <div class="store-banner">
                <img src="img/huazhuangpin2.png" v-if="!show_host_info_obj.small_image__fileurl">
                <img :src="baseConfig.qn_host + show_host_info_obj.small_image__fileurl + '?imageView2/1/w/300/h/300'"
                     v-if="show_host_info_obj.small_image__fileurl">
            </div>

            <div class="store-main">
                <div class="shop-manager">
                    <div class="manager">{{show_host_info_obj.name}}</div>
                </div>
                <div class="store-address">
                    <span>地址:{{show_host_info_obj.address}}</span>
                </div>
                <div class="store-introduce">
                    <!--<div class="manager-img">-->
                    <!--<img src="img2/icon.png" >-->

                    <!--</div>-->
                    <div class="introduce">店铺介绍:{{show_host_info_obj.desc}}</div>
                </div>
                <br>
                <br>
                <br>
                <br>
                <a class="chat_btn" @click="open_chat_info(show_host_info_obj)"><img
                        src="img2/btn_lt_highlight.png"></a>
            </div>
        </div>
        <!--显示代购店铺详情-->
        <!--显示聊天界面-->
        <div id="mapchat" class="center" v-if="show_chat" style="overflow: scroll;">
            <!--**********************-->
            <!--新的聊天界面-->
            <div v-if="show_contact">

                <div class="message-container" v-for="contact in contactlist" v-if="!contact.is_hide">
                    <!--店的图片-->
                    <div class="store-img"
                         @click="open_chat(contact.SessionType, contact.SessionId, infoMap[contact.SessionIdKey].name)">
                        <img src="img/huazhuangpin2.png"
                             v-if="!infoMap[contact.SessionIdKey].liveprogram__image__fileurl">
                        <img :src="baseConfig.qn_host + infoMap[contact.SessionIdKey].liveprogram__image__fileurl + '?imageView2/1/w/200/h/200'"
                             v-if="infoMap[contact.SessionIdKey].liveprogram__image__fileurl">
                    </div>
                    <div class="right-container" @touchstart="showDeleteButton(contact)" @touchend="clearLoop"
                         @click="open_chat(contact.SessionType, contact.SessionId, infoMap[contact.SessionIdKey].name)">
                        <!--店名-->
                        <div class="store">
                            <div class="name-container">
                                <div class="name">{{infoMap[contact.SessionIdKey].liveprogram__name}}</div>
                                <div class="store-time">{{contact.MsgTimeStamp.substring(10, 16)}}</div>
                            </div>
                            <div class="name-container">
                                <div class="about-us">{{infoMap[contact.SessionIdKey].liveprogram__desc}}</div>
                                <img src="img2/zzzb_icon.png" v-if="infoMap[contact.SessionIdKey].live_status"
                                     style="width: 1.5rem"/>
                            </div>

                        </div>
                        <!--聊天信息-->
                        <div class="message-header-container">
                            <!--头像-->
                            <div class="img-header">
                                <img src="img2/icon.png" v-if="!infoMap[contact.SessionIdKey].image">
                                <img :src="show_head_img(infoMap[contact.SessionIdKey].image, '&imageView2/0/w/100/h/100')"
                                     v-if="infoMap[contact.SessionIdKey].image">

                            </div>
                            <div class="header-main">
                                <!--名称-->
                                <div class="name-header">{{infoMap[contact.SessionIdKey].name}}<span class="red"
                                                                                                     v-if="recentSessMap[contact.SessionIdKey].UnreadMsgCount">{{recentSessMap[contact.SessionIdKey].UnreadMsgCount}}</span>
                                </div>

                                <!--聊天详情-->
                                <div class="talk-content">{{contact.MsgShow}}</div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--关注的代购-->
                <div class="message-container" v-for="contact in guanzhulist"
                     v-if="!has_contact_list(contact.imusername)">
                    <!--店的图片-->
                    <div class="store-img" @click="open_chat('C2C', contact.imusername, contact.realname)">
                        <img src="img/huazhuangpin2.png" v-if="!contact.liveprogram__image__fileurl">
                        <img :src="baseConfig.qn_host + contact.liveprogram__image__fileurl + '?imageView2/1/w/200/h/200'"
                             v-if="contact.liveprogram__image__fileurl">
                    </div>
                    <div class="right-container" @touchstart="showDeleteButton(contact)" @touchend="clearLoop"
                         @click="open_chat('C2C', contact.imusername, contact.realname)">
                        <!--店名-->
                        <div class="store">
                            <div class="name-container">
                                <div class="name">{{contact.liveprogram__name}}</div>
                                <div class="store-time"></div>
                            </div>
                            <div class="name-container">
                                <div class="about-us">{{contact.liveprogram__desc}}</div>
                                <img src="img2/zzzb_icon.png" v-if="contact.live_status" style="width: 1.5rem"/>
                            </div>

                        </div>
                        <!--聊天信息-->
                        <div class="message-header-container">
                            <!--头像-->
                            <div class="img-header">
                                <img src="img2/icon.png" v-if="!contact.icon_url">
                                <img :src="show_head_img(contact.icon_url, '&imageView2/0/w/100/h/100')"
                                     v-if="contact.icon_url">

                            </div>
                            <div class="header-main">
                                <!--名称-->
                                <div class="name-header">{{contact.realname}}</div>

                                <!--聊天详情-->
                                <div class="talk-content"></div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <!--**********************-->

            <div class="store-dis-top" v-if="show_talk&&!show_host_detail">
            <span @click="close_chat()">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-back"></use>
                </svg>返回
            </span>
                <div @click="show_host_info(show_host_info_obj)" v-if="infoMap[selKey]">
                    {{infoMap[selKey].liveprogram__name}}
                </div>

            </div>

            <!--****************************-->
            <!--代购商品图片-->

            <div class="nav-goods" v-if="show_talk&&infoMap[selKey]&&!show_host_detail">
                <img v-for="goods in infoMap[selKey].goods_list"
                     :src="baseConfig.qn_host + goods.small_image__fileurl+'?imageView2/1/w/80/h/80'"
                     @click="go_goods_detail(goods)">
            </div>


            <!--****************************-->
            <div class="talk-container" id="talk_msg_list" v-if="show_talk&&!show_host_detail">
                <div @click="show_history" style="width: 100%;text-align: center;" v-if="msglist.length%15==0">历史记录
                </div>
                <div v-for="msg in msglist" track-by="msg.seq">
                    <div class="time" v-if="msg.is_show_time">{{msg.time}}</div>
                    <div class="talk-left" v-if="!msg.isSelfSend">
                        <div class="talk-head">
                            <img src="img2/icon.png" v-if="!msg.fromAccountImage">
                            <img :src="show_head_img(msg.fromAccountImage, '&imageView2/0/w/100/h/100')"
                                 v-if="msg.fromAccountImage">
                        </div>
                        <div class="talk-text" v-html="msg.content"></div>
                    </div>
                    <div class="talk-right" v-if="msg.isSelfSend">
                        <div class="talk-head">
                            <img src="img2/icon.png" v-if="!user.icon_url">
                            <img :src="show_head_img(user.icon_url, '&imageView2/0/w/80/h/80')" v-if="user.icon_url">
                        </div>
                        <div class="talk-text" v-html="msg.content"></div>
                    </div>
                </div>
                <br>
                <div>
                    <button class="talk-guanzhu"
                            v-if="show_talk&&!show_host_detail&&!has_contact_or_guanzhu_list(selToID)"
                            @click="add_guan_zhu(selToID)">关注
                    </button>
                </div>
                <div class="talk-input-group" :class="!chatcontent?'talk-input-group1':'talk-input-group2'">

                    <div>
                        <!--<img class="talk-img" src="img/arrow.png" @click="close_chat()">-->
                        <!--语音-->
                        <!--<img class="talk-voice-img" src="img/voice.png">-->
                        <div class="talk-input" id="chat_ele" style="user-modify: read-write-plaintext-only;"
                             contenteditable="true" @keyup="changeData($event)"></div>
                        <img :class="chatcontent?'talk-img22':'talk-img2'" src="img/talk_img.png"
                             @click="change_face_btn()">
                        <img class="talk-img3" src="img2/ic_more.png" v-if="!chatcontent" @click="change_more_btn()">
                        <button class="talk-btn" @click="send_chat" v-if="chatcontent">发送</button>
                    </div>
                    <div :class="!chatcontent?'talk-img-group1':'talk-img-group2'" v-if="show_talk&&show_img_talk">
                        <img :src="img[1]" v-for="img in facelist" @click="add_face(img)">

                    </div>
                    <div :class="!chatcontent?'talk-img-group1':'talk-img-group2'" v-if="show_talk&&show_img_talk_more">
                        <div style="float:left;width: 5rem;height:5rem;background-image: url('img2/ic_image.png');background-size:100% 100%;-moz-background-size:100% 100%;background-repeat:no-repeat;">
                            <a href="javascript:;" class="file">
                                <input id="fileBtn1" type="file" @change="upload('fileBtn1');" accept="image/*"/>
                            </a>
                        </div>

                        <!--<a href="javascript:;" class="file">拍照-->
                        <!--<input id="fileBtn2" type="file" @change="upload('fileBtn2');" accept="image/*" capture="camera"/>-->
                        <!--</a>-->
                        <div style="float:left;width: 5rem;height:5rem;margin-left: 1rem;">
                            <button type="button" class="btn btn-xs btn-info" @click="chuoyichuo()"><img
                                    src="img2/ic_chuo.png"/></button>
                        </div>

                    </div>
                </div>
            </div>
            <!--*********************************-->


            <!--代购朋友圈-->
            <div id="chat_all_pengyou" v-if="show_pengyou_dongtai">
                <div class="pengyou-item" v-for="dongtai in all_pengyou_dongtai">
                    <div class="pengyou-head" @click="open_pengyou(dongtai)"><img :src="dongtai.user__icon_url"></div>
                    <div class="pengyou-center">
                        <div class="pengyou-top">
                            <span>{{dongtai.user__realname}}</span>
                        </div>
                        <div class="pengyou_content">
                            {{dongtai.content}}
                        </div>
                        <div class="pengyou_picture" v-if="dongtai.news_type==1">
                            <img :src="baseConfig.qn_host + img.fileurl+'?imageView2/1/w/90/h/90'"
                                 @click="show_big_pengyou_img(dongtai, img.fileurl)" v-if="dongtai.files_json.length>4"
                                 v-for="img in dongtai.files_json">
                            <img :src="baseConfig.qn_host + img.fileurl+'?imageView2/1/w/140/h/140'"
                                 @click="show_big_pengyou_img(dongtai, img.fileurl)"
                                 v-if="dongtai.files_json.length>=2&&dongtai.files_json.length<5"
                                 v-for="img in dongtai.files_json">
                            <img :src="baseConfig.qn_host + img.fileurl+'?imageView2/1/w/270/h/270'"
                                 @click="show_big_pengyou_img(dongtai, img.fileurl)" v-if="dongtai.files_json.length==1"
                                 v-for="img in dongtai.files_json">
                        </div>
                        <div class="pengyou_video" v-if="dongtai.news_type==2" @click="play_video(dongtai)">
                            <video :src="baseConfig.qn_host + dongtai.video_obj.fileurl"
                                   :poster="baseConfig.qn_host + dongtai.video_pic.fileurl+'?imageView2/1/w/270/h/270'"
                                   :id="'video'+dongtai.id">

                            </video>
                            <img class="imgplay" src="img2/play_normal.png" v-if="!dongtai.clicked">
                        </div>
                        <div class="pengyou_goods" v-if="dongtai.news_type==3">

                            <div class="dongtai_goods_item2" v-if="dongtai.goods_num>1"
                                 @click="go_goods_info_detail(dongtai.goods1_id)">
                                <img :src="baseConfig.qn_host + dongtai.goods1__small_image__fileurl+'?imageView2/1/w/140/h/140'">
                                <span>
                                {{dongtai.goods1__name}}<br/>{{price_filter(dongtai.goods1__price)}}
                            </span>
                            </div>
                            <div class="dongtai_goods_item2" v-if="dongtai.goods_num>1&&dongtai.goods2_id"
                                 @click="go_goods_info_detail(dongtai.goods2_id)">
                                <img :src="baseConfig.qn_host + dongtai.goods2__small_image__fileurl+'?imageView2/1/w/140/h/140'">
                                <span>
                                {{dongtai.goods2__name}}<br/>{{price_filter(dongtai.goods2__price)}}
                            </span>
                            </div>
                            <div class="dongtai_goods_item2" v-if="dongtai.goods_num>1&&dongtai.goods3_id"
                                 @click="go_goods_info_detail(dongtai.goods3_id)">
                                <img :src="baseConfig.qn_host + dongtai.goods3__small_image__fileurl+'?imageView2/1/w/140/h/140'">
                                <span>
                                {{dongtai.goods3__name}}<br/>{{price_filter(dongtai.goods3__price)}}
                            </span>
                            </div>
                            <div class="dongtai_goods_item2" v-if="dongtai.goods_num>1&&dongtai.goods4_id"
                                 @click="go_goods_info_detail(dongtai.goods4_id)">
                                <img :src="baseConfig.qn_host + dongtai.goods4__small_image__fileurl+'?imageView2/1/w/140/h/140'">
                                <span>
                                {{dongtai.goods4__name}}<br/>{{price_filter(dongtai.goods4__price)}}
                            </span>
                            </div>
                            <div class="dongtai_goods_item" v-if="dongtai.goods_num==1"
                                 @click="go_goods_info_detail(dongtai.goods1_id)">
                                <img :src="baseConfig.qn_host + dongtai.goods1__small_image__fileurl+'?imageView2/1/w/270/h/270'">
                                <span>
                                {{dongtai.goods1__name}}<br/>{{price_filter(dongtai.goods1__price)}}
                            </span>
                            </div>

                        </div>
                        <div class="pengyou-bottom">
                            <div class="pengyou-time">{{show_diff_time(dongtai.create_time)}}</div>
                            <div class="pengyou-up" @click="up_pengyou(dongtai)">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-heart"></use>
                                </svg>
                                {{dongtai.up_num}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="chat_all_pengyou_bar" v-if="show_pengyou_dongtai">
                <button class="btn btn-default btn-sm query-bottom-button" @click="hide_pengyou_list()">返&nbsp;&nbsp;回
                </button>
            </div>
            <div id="chat_all_pengyou_images" v-if="show_pengyou_dongtai_images">
                <div class="pswp" id="chat_all_pengyou_pswp" tabindex="-1" role="dialog" aria-hidden="true">

                    <!-- Background of PhotoSwipe.
                         It's a separate element as animating opacity is faster than rgba(). -->
                    <div class="pswp__bg"></div>

                    <!-- Slides wrapper with overflow:hidden. -->
                    <div class="pswp__scroll-wrap">

                        <!-- Container that holds slides.
                            PhotoSwipe keeps only 3 of them in the DOM to save memory.
                            Don't modify these 3 pswp__item elements, data is added later on. -->
                        <div class="pswp__container">
                            <div class="pswp__item"></div>
                            <div class="pswp__item"></div>
                            <div class="pswp__item"></div>
                        </div>

                        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
                        <div class="pswp__ui pswp__ui--hidden">

                            <div class="pswp__top-bar">

                                <!--  Controls are self-explanatory. Order can be changed. -->

                                <div class="pswp__counter"></div>

                                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>


                                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                                <!-- element will get class pswp__preloader--active when preloader is running -->
                                <div class="pswp__preloader">
                                    <div class="pswp__preloader__icn">
                                        <div class="pswp__preloader__cut">
                                            <div class="pswp__preloader__donut"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                                <div class="pswp__share-tooltip"></div>
                            </div>

                            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
                            </button>

                            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
                            </button>

                            <div class="pswp__caption">
                                <div class="pswp__caption__center"></div>
                            </div>

                        </div>

                    </div>

                </div>
            </div>
        </div>
        <div id="mapchat_bottom" v-if="show_chat&&show_contact">
            <button class="btn btn-default btn-sm query-bottom-button" @click="hide_host_info()">返&nbsp;&nbsp;回</button>
        </div>
        <!--显示聊天界面-->
        <div id="all_pengyou" v-if="show_pengyou_dongtai">
            <div class="pengyou-item" v-for="dongtai in all_pengyou_dongtai">
                <div class="pengyou-head" @click="open_pengyou(dongtai)"><img :src="dongtai.user__icon_url"></div>
                <div class="pengyou-center">
                    <div class="pengyou-top">
                        <span>{{dongtai.user__realname}}</span>
                    </div>
                    <div class="pengyou_content">
                        {{dongtai.content}}
                    </div>
                    <div class="pengyou_picture" v-if="dongtai.news_type==1">
                        <img :src="baseConfig.qn_host + img.fileurl+'?imageView2/1/w/90/h/90'"
                             @click="show_big_pengyou_img(dongtai, img.fileurl)" v-if="dongtai.files_json.length>4"
                             v-for="img in dongtai.files_json">
                        <img :src="baseConfig.qn_host + img.fileurl+'?imageView2/1/w/140/h/140'"
                             @click="show_big_pengyou_img(dongtai, img.fileurl)"
                             v-if="dongtai.files_json.length>=2&&dongtai.files_json.length<5"
                             v-for="img in dongtai.files_json">
                        <img :src="baseConfig.qn_host + img.fileurl+'?imageView2/1/w/270/h/270'"
                             @click="show_big_pengyou_img(dongtai, img.fileurl)" v-if="dongtai.files_json.length==1"
                             v-for="img in dongtai.files_json">
                    </div>
                    <div class="pengyou_video" v-if="dongtai.news_type==2" @click="play_video(dongtai)">
                        <video :src="baseConfig.qn_host + dongtai.video_obj.fileurl"
                               :poster="baseConfig.qn_host + dongtai.video_pic.fileurl+'?imageView2/1/w/270/h/270'"
                               :id="'video'+dongtai.id">

                        </video>
                        <img class="imgplay" src="img2/play_normal.png" v-if="!dongtai.clicked">
                    </div>
                    <div class="pengyou_goods" v-if="dongtai.news_type==3">

                        <!--<img :src="baseConfig.qn_host + img.fileurl+'?imageView2/1/w/140/h/140'" v-if="dongtai.goods_num>=2">-->
                        <div class="dongtai_goods_item2" v-if="dongtai.goods_num>1"
                             @click="go_goods_info_detail(dongtai.goods1_id)">
                            <img :src="baseConfig.qn_host + dongtai.goods1__small_image__fileurl+'?imageView2/1/w/140/h/140'">
                            <span>
                                {{dongtai.goods1__name}}<br/>{{price_filter(dongtai.goods1__price)}}
                            </span>
                        </div>
                        <div class="dongtai_goods_item2" v-if="dongtai.goods_num>1&&dongtai.goods2_id"
                             @click="go_goods_info_detail(dongtai.goods2_id)">
                            <img :src="baseConfig.qn_host + dongtai.goods2__small_image__fileurl+'?imageView2/1/w/140/h/140'">
                            <span>
                                {{dongtai.goods2__name}}<br/>{{price_filter(dongtai.goods2__price)}}
                            </span>
                        </div>
                        <div class="dongtai_goods_item2" v-if="dongtai.goods_num>1&&dongtai.goods3_id"
                             @click="go_goods_info_detail(dongtai.goods3_id)">
                            <img :src="baseConfig.qn_host + dongtai.goods3__small_image__fileurl+'?imageView2/1/w/140/h/140'">
                            <span>
                                {{dongtai.goods3__name}}<br/>{{price_filter(dongtai.goods3__price)}}
                            </span>
                        </div>
                        <div class="dongtai_goods_item2" v-if="dongtai.goods_num>1&&dongtai.goods4_id"
                             @click="go_goods_info_detail(dongtai.goods4_id)">
                            <img :src="baseConfig.qn_host + dongtai.goods4__small_image__fileurl+'?imageView2/1/w/140/h/140'">
                            <span>
                                {{dongtai.goods4__name}}<br/>{{price_filter(dongtai.goods4__price)}}
                            </span>
                        </div>
                        <div class="dongtai_goods_item" v-if="dongtai.goods_num==1"
                             @click="go_goods_info_detail(dongtai.goods1_id)">
                            <img :src="baseConfig.qn_host + dongtai.goods1__small_image__fileurl+'?imageView2/1/w/270/h/270'">
                            <span>
                                {{dongtai.goods1__name}}<br/>{{price_filter(dongtai.goods1__price)}}
                            </span>
                        </div>

                    </div>
                    <div class="pengyou-bottom">
                        <div class="pengyou-time">{{show_diff_time(dongtai.create_time)}}</div>
                        <div class="pengyou-up" @click="up_pengyou(dongtai)">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-heart"></use>
                            </svg>
                            {{dongtai.up_num}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="all_pengyou_bar" v-if="show_pengyou_dongtai">
            <button class="btn btn-default btn-sm query-bottom-button" @click="hide_pengyou_list()">返&nbsp;&nbsp;回
            </button>
        </div>
        <div id="all_pengyou_images" v-if="show_pengyou_dongtai_images">
            <div class="pswp" id="all_pengyou_pswp" tabindex="-1" role="dialog" aria-hidden="true">

                <!-- Background of PhotoSwipe.
                     It's a separate element as animating opacity is faster than rgba(). -->
                <div class="pswp__bg"></div>

                <!-- Slides wrapper with overflow:hidden. -->
                <div class="pswp__scroll-wrap">

                    <!-- Container that holds slides.
                        PhotoSwipe keeps only 3 of them in the DOM to save memory.
                        Don't modify these 3 pswp__item elements, data is added later on. -->
                    <div class="pswp__container">
                        <div class="pswp__item"></div>
                        <div class="pswp__item"></div>
                        <div class="pswp__item"></div>
                    </div>

                    <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
                    <div class="pswp__ui pswp__ui--hidden">

                        <div class="pswp__top-bar">

                            <!--  Controls are self-explanatory. Order can be changed. -->

                            <div class="pswp__counter"></div>

                            <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>


                            <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                            <!-- element will get class pswp__preloader--active when preloader is running -->
                            <div class="pswp__preloader">
                                <div class="pswp__preloader__icn">
                                    <div class="pswp__preloader__cut">
                                        <div class="pswp__preloader__donut"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                            <div class="pswp__share-tooltip"></div>
                        </div>

                        <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
                        </button>

                        <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
                        </button>

                        <div class="pswp__caption">
                            <div class="pswp__caption__center"></div>
                        </div>

                    </div>

                </div>

            </div>
        </div>
    </div>
</template>

<!--购物车-->
<template id="tab_cart">
    <div class="center" style="overflow: scroll;">
        <div class="cart-list" v-for="c_goods in cart_list" v-if="c_goods.is_active">
            <input type="checkbox" class="goods-radio" name="goods" :value="c_goods.goods_id" v-model="goods_ids"
                   @click="refresh_checkAll">
            <img class="goods-img" @click="go_goods_detail(c_goods.goods_id)"
                 :src="baseConfig.qn_host + c_goods.goods__small_image__fileurl+'?imageView2/1/w/70/h/70'">
            <div class="goods-main" @click="go_goods_detail(c_goods.goods_id)">
                <div style="float:right;">
                    <button class="delete-btn" @click.stop="delete_cart(c_goods)">删除</button>
                </div>
                <div class="name">{{c_goods.goods__name}}</div>

                <div class="goods-id">商品id:{{c_goods.goods_id}}</div>
                <div class="bottom">
                    <div class="price">{{price_filter(c_goods.goods__price-c_goods.goods__bu_tie_price)}}</div>
                    <div class="num">
                        <div class="btn-num jian" @click.stop="pop_num(c_goods)">-</div>
                        <div class="input-num">{{c_goods.num}}</div>
                        <div class="btn-num jia" @click.stop="add_num(c_goods)">+</div>
                    </div>
                </div>
            </div>
        </div>
        <br/>
        <br/>
        <div v-if="cart_list.length==0"
             style="margin-left: auto;margin-right: auto;margin-top: 4rem;margin-bottom: 4rem;">
            <img src="img2/konggouwuche.png" style="height: 1.3rem">
            购物车还是空的，快来挑选好货吧
        </div>
        <div style="margin-left: auto;margin-right: auto;margin-top: 1rem;margin-bottom: 0.5rem">
            <img src="img2/tuijian.png" style="height: 2rem;">
        </div>
        <div class="cart-list" v-for="goods in goods_list" @click="go_goods_detail(goods.id)">
            <img class="goods-img"
                 :src="baseConfig.qn_host + goods.small_image__fileurl+'?imageView2/1/w/240/h/240'">
            <div class="goods-main">
                <div class="name">{{goods.name}}</div>
                <div class=" margin-bottom"></div>
                <div class="goods-id">商品id:{{goods.id}}</div>
                <div class="bottom">
                    <div class="price">{{price_filter(goods.price-goods.bu_tie_price)}}</div>
                    <div class="goods-num">已售:{{goods.sale_num}}</div>
                </div>
            </div>
        </div>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <div class="cart-footer">
            <div class="cart-main">
                <label><input class="goods-radio" name="cart_goods" v-model="is_all_checked" value="1" type="checkbox"
                              @click="checkAll">全选</label>
                <div class="font-red">{{price_filter(price_all(goods_ids))}}</div>
            </div>
            <button class="cart-pay" @click="cart_pay(goods_ids)">结算</button>
        </div>
    </div>
</template>


<!--订单-->
<template id="tab_default">
    <div class="center default-page"  style="overflow-y: scroll;">
        <img src="img2/banner.png" style="height: 5rem;" @click="show_share_bar=true;">
        <div class="default-page-A">
            <div id="jiaodiantu">
            <div class='swipe-wrap2'>
                <div v-for="img in imagewheelA">
                    <a :href="img.link_url"><img :src="baseConfig.qn_host +img.file_image__fileurl" width="100%" height="120px"/></a>
                </div>

            </div>
            </div>

        </div>
        <div class="default-page-B"  v-if="imagewheelB.length>0">
            <div v-for="img in imagewheelB" class="img-wheel-B">
                <a :href="img.link_url" class="img-wheel-B-a"><img :src="baseConfig.qn_host +img.file_image__fileurl+'?imageView2/1/w/240/h/240'"/></a>
                <span class="img-wheel-B-span">
                    {{img.name}}
                </span>
            </div>
        </div>
        <div class="default-page-C" v-if="imagewheelC.length>0">
            <div class="img-wheel-C-title">
                <div class="img-wheel-C-left">新人特惠</div>
                <div class="img-wheel-C-middle"></div>
                <div class="img-wheel-C-right" @click="open_newuser_goods">更多<i class="iconfont icon-arrow1"></i></div>
            </div>
            <div class="img-wheel-C-list">
                <div v-for="img in imagewheelC" class="img-wheel-C">
                    <a :href="img.link_url" class="img-wheel-C-a">
                        <img :src="baseConfig.qn_host +img.file_image__fileurl+'?imageView2/1/w/240/h/240'" style="width: 100px;" />
                    </a>
                    <a :href="img.link_url" class="img-wheel-C-span">
                    <span >
                    {{img.name}}
                    </span>
                    </a>
                    <a :href="img.link_url" class="img-wheel-C-span-price" >
                    <span >
                    {{price_filter(img.price)}}
                    </span>
                    </a>
                </div>
            </div>
        </div>

        <div class="default-page-C" v-for="imagewheel in flag_group_list" v-if="imagewheel.list&&imagewheel.list.length>0&&imagewheel.type=='limit_pro'">
            <div class="img-wheel-C-title">
                <div class="img-wheel-C-left">{{imagewheel.name}}</div>
                <div class="img-wheel-C-middle"></div>
                <div class="img-wheel-C-right" @click="alert_limit_pro()">详情</div>
            </div>
            <div class="img-wheel-C-list">
                <div v-for="img in imagewheel.list" class="img-wheel-C">
                    <a :href="img.link_url" class="img-wheel-C-a">
                        <img :src="baseConfig.qn_host +img.file_image__fileurl+'?imageView2/1/w/240/h/240'"  style="width: 100px;"/>
                    </a>
                    <a :href="img.link_url" class="img-wheel-C-span">
                    <span >
                    {{img.name}}
                    </span>
                    </a>
                    <a :href="img.link_url" class="img-wheel-C-span-price" >
                    <span >
                    {{price_filter(img.price)}}
                    </span>
                    </a>
                </div>
            </div>
        </div>

        <div class="default-page-C" v-if="imagewheelG&&imagewheelG.length>0">
            <div class="img-wheel-C-title">
                <div class="img-wheel-C-left">知食分子推荐</div>
                <div class="img-wheel-C-middle"></div>
                <div class="img-wheel-C-right" @click="open_pro_goods">更多<i class="iconfont icon-arrow1"></i></div>
            </div>
            <div class="img-wheel-C-list">
                <div v-for="img in imagewheelG" class="img-wheel-C">
                    <a :href="img.link_url" class="img-wheel-C-a">
                        <img :src="baseConfig.qn_host +img.file_image__fileurl+'?imageView2/1/w/240/h/240'" style="width: 100px;" />
                    </a>
                    <a :href="img.link_url" class="img-wheel-C-span">
                    <span >
                    {{img.name}}
                    </span>
                    </a>
                    <a :href="img.link_url" class="img-wheel-C-span-price" >
                    <span >
                    {{price_filter(img.price)}}
                    </span>
                    </a>
                </div>
            </div>
        </div>
        <div class="default-page-C" v-for="imagewheel in flag_group_list" v-if="imagewheel.list&&imagewheel.list.length>0&&imagewheel.type==''">
            <div class="img-wheel-C-title">
                <div class="img-wheel-C-left">{{imagewheel.name}}</div>
                <div class="img-wheel-C-middle"></div>
                <div class="img-wheel-C-right" @click="open_home_fenlei_goods(imagewheel.goods_type_id)">更多<i class="iconfont icon-arrow1"></i></div>
            </div>
            <div class="img-wheel-C-list">
                <div v-for="img in imagewheel.list" class="img-wheel-C">
                    <a :href="img.link_url" class="img-wheel-C-a">
                        <img :src="baseConfig.qn_host +img.file_image__fileurl+'?imageView2/1/w/240/h/240'"  style="width: 100px;"/>
                    </a>
                    <a :href="img.link_url" class="img-wheel-C-span">
                    <span >
                    {{img.name}}
                    </span>
                    </a>
                    <a :href="img.link_url" class="img-wheel-C-span-price" >
                    <span >
                    {{price_filter(img.price)}}
                    </span>
                    </a>
                </div>
            </div>
        </div>
        <div v-for="homecomment in home_pro_list" style="background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius:2rem;
  margin: 0 0.5rem 2rem 0.5rem;
  padding: 1.5rem 1rem 1.5rem 1rem;">
            <div style="display: flex;width: 100%;flex-direction: row;" @click="open_pro_user(homecomment.user_id)">
                <img :src="homecomment.user__icon_url" style="flex: 0 0 5rem;width: 5rem;height: 5rem;margin: 0.2rem;">
                <div style="flex: 1 0 ;display: flex; flex-direction: column;margin: 0rem;">
                    <div style="margin: 0rem;color: #0da4ff;font-size: 1.2rem;">
                        {{homecomment.user__realname}}
                    </div>
                    <div style="margin: 0rem; width: 100%;">
                        {{homecomment.content}}
                    </div>
                </div>
            </div>
            <div  style="padding-left: 5.5rem; width:100%; display: flex;flex-direction: column;">
                <div  class="line2" style="display: flex;width: 100%;flex-direction: row;" @click="go_friend_comment_list_by_comment(homecomment.goods_id)">
                    <img :src="baseConfig.qn_host +homecomment.goods__small_image__fileurl+'?imageView2/1/w/50/h/50'"  style="flex: 0 0 4rem;width: 4rem;height: 4rem;margin: 0.2rem;">
                    <div style="flex: 1 0 ;display: flex; flex-direction: column">
                        <div style="margin: 0.2rem; width: 100%;font-size: 1.2rem;">
                            {{homecomment.goods__name}}
                        </div>
                        <div style="margin: 0.2rem;color: red;">
                            {{price_filter(homecomment.goods__price-homecomment.goods__bu_tie_price)}}
                        </div>
                    </div>
                </div>
                <div class="" v-if="homecomment.file_type==1">
                    <div style="display: flex;flex-direction: row;flex-wrap: wrap;">

                        <img style="margin: 0.1rem;" :src="baseConfig.qn_host + img.fileurl+'?imageView2/1/w/105/h/105'" width="32%" @click="show_big_pengyou_img(homecomment, img.fileurl)"  v-if="homecomment.files_json.length>1" v-for="img in homecomment.files_json">
                        <img style="margin: 0.1rem;" :src="baseConfig.qn_host + img.fileurl+'?imageView2/1/w/330/h/330'" width="65%"  @click="show_big_pengyou_img(homecomment, img.fileurl)" v-if="homecomment.files_json.length==1" v-for="img in homecomment.files_json">

                    </div>
                </div>
                <div class="pengyou_video" v-if="homecomment.file_type==2&&homecomment.video_obj.id" >
                    <video :src="baseConfig.qn_host + homecomment.video_obj.fileurl"   :id="'video'+homecomment.id"
                           style="width:100%;"
                           x-webkit-airplay="true" preload="auto"
                           x5-video-player-type="h5" webkit-playsinline="true"
                           controls
                           playsinline
                           :poster="get_fengmian(homecomment.video_img__fileurl, homecomment.goods__small_image__fileurl)"
                    >

                    </video>
                </div>
                <div style="color: #cccccc;font-size: 1.2rem;">
                    {{homecomment.create_time}}
                </div>
            </div>
        </div>





        <div class="default-page-D">
            <div class="default-page-D-left">朋友们都在买</div>
            <div class="default-page-D-middle"></div>
            <div class="default-page-D-right" @click="go_to_friend_set()"><img src="img/chilun.png" style="width: 2rem;"></div>
        </div>

        <div v-for="goods in friend_goods_list" style="padding: 1rem 1rem 1.5rem 1rem;margin-bottom:0.2rem;margin-top:0.2rem;background-color: #ffffff;" @click="go_friend_comment_list(goods)">
            <div v-if="goods.files_list.length==1" >
                <img :src="img.url+'&imageView2/0/w/375/h/375'" v-for="img in goods.files_list" width="99%" style="margin: 0.1rem; "/>
            </div>
            <div v-if="goods.files_list.length==2" >
                <img :src="img.url+'&imageView2/0/w/240/h/240'" v-for="img in goods.files_list" width="48%" style="margin: 0.1rem;"/>
            </div>
            <div v-if="goods.files_list.length==3" >
                <img :src="img.url+'&imageView2/0/w/210/h/210'" v-for="img in goods.files_list" width="30%" style="margin: 0.1rem;"/>
            </div>
            <div v-if="goods.files_list.length==4">
                <img :src="img.url+'&imageView2/0/w/240/h/240'" v-for="img in goods.files_list" width="48%" style="margin: 0.1rem;"/>
            </div>
            <div style="width: 100%;display: flex;flex-direction: row;margin-top: 1rem;" :id="'goods_id'+goods.id" >

                <span style="flex: 1 1 auto;font-size: 1.5rem;font-weight: bold;" v-on:click.stop="open_goods_detail(goods)">{{goods.name}}</span>

            </div>
            <div style="width: 100%;display: flex;flex-direction: row;margin-top: 1rem;">

                <div style="flex: 1 1 auto;width: 50%; font-size: 1.8rem;font-weight: bold;color: #D0021B">
                    {{ price_filter( goods.price - goods.bu_tie_price)}}
                </div>
                <div style="font-size: 1.2rem;width: 30%;flex: 0 1 auto;padding-top: 0.2rem;">

                    <img src="img2/pinlunanniu.png" style="width:5rem;" v-on:click.stop="ping_lun(goods, null)">
                </div>
            </div>
            <div style="width: 100%; font-size: 1.2rem;color: #9B9B9B;display: flex;flex-direction: row;">
                <span style="flex:0 1 auto;width: 20rem;">朋友购买数:{{goods.friend_num}}</span>
                <span style="flex:1 1 auto;"></span>
                <span style="flex:0 1 auto;width: 20rem;">朋友们评价:
                    <img v-for="img in start_list"
                                                                     :src="img.index<=goods.friend_value+0.5?'img2/star_big_light.png':'img2/star.png'"
                                                                     style="width: 1.2rem;">
                </span>
            </div>
            <div style="width: 100%; display: flex;flex-direction: row;padding-bottom: 1rem;" v-if="goods.buy_user_list.length">
                <span style="flex: 0 1 auto;width: 7rem;">购买：</span>
                <div style="flex: 1 1 auto;display: flex; flex-flow: row wrap; align-content: flex-start;">
                    <img :src="u.goods_order__user__icon_url?u.goods_order__user__icon_url:'img2/head.png'" style="width: 4rem;height: 4rem;margin: 0.2rem;" onerror="this.src='img2/head.png'" v-for="u in goods.buy_user_list"  v-on:click.stop="buy_date_ts(u)" >
                </div>

            </div>

            <div style="width: 100%; padding-bottom: 0rem;" v-for="c in goods.friend_comment_friend_list"  v-if="c.is_active">
                <span style="font-size: 1.2rem;color: #4E648F;padding-right: 0.3rem;" v-if="!c.to_user_id" v-on:click.stop="ping_lun(goods, c)">{{first_name(c.user__realname)}}：</span>
                <span style="font-size: 1.2rem;color: #4E648F;padding-right: 0.3rem;" v-if="c.to_user_id" v-on:click.stop="ping_lun(goods, c)">{{first_name(c.user__realname)}}</span>
                <span style="font-size: 1.2rem;padding-right: 0.3rem;" v-if="c.to_user_id">对</span>
                <span style="font-size: 1.2rem;color: #4E648F;padding-right: 0.3rem;" v-if="c.to_user_id">{{first_name(c.to_user__realname)}}:</span>
                <span style="font-size: 1.2rem;">{{c.content}}</span>
                <span style="font-size: 1.1rem;color: #ff3f38;" v-if="c.user_id==user_id" v-on:click.stop="delete_friend_comment(c)">删除</span>

            </div>

        </div>

        <div id="default_bar" v-if="show_default_bar&&!show_default_bar_list&&comment_line_list.length>0" @click="show_default_bar_list_fun2(true)">
            {{comment_line_list.length}}条新的评论
        </div>
        <div id="default_list" v-if="show_default_bar_list" >
            <div style="display: flex;flex-direction: row;padding: 0.5rem;border-bottom: 1px solid #cccccc;">
                <div style="flex: 0 0 auto;width: 10%" v-on:click.stop="show_default_bar_list_fun2(false)">
                    <a  class="h-left back-btn"><i
                            class="iconfont icon-fanhui"></i></a>
                </div>
                <div style="flex: 1 0 auto;width: 60%; text-align: center;">
                    ({{comment_line_list.length}}条新的评论)
                </div>
                <div style="flex: 0 0 auto;width: 20%" v-on:click.stop="clear_comment_list()">
                    清空评论
                </div>
            </div>
            <div v-for="comment in comment_line_list" v-if="comment.is_active" style="display: flex;flex-direction: column; width: 100%;" v-on:click.stop="go_to_goods_comment(comment)">
                <div style="display: flex;flex-direction: row;padding: 1rem; width: 100%;">
                    <div style="flex: 0 0 auto; width: 20%;">
                        <img :src="baseConfig.qn_host + comment.small_image__fileurl+'?imageView2/0/w/100/h/100'"  width="100%" style="margin: 0.1rem;"/>
                    </div>
                    <div style="flex: 1 0 auto; display: flex; flex-direction: column; width: 80%;">
                        <div style="flex: 1 0 auto;display: flex;flex-direction: row;">
                            <div style="flex: 1 0 auto; width: 90%;padding: 0.5rem;">{{comment.name}}</div>
                            <div style="flex: 0 0 auto; width: 10%;margin-right: -1rem;">

                                <div style="background-color: #D0E6FE;color: #108EE9;padding-right: 0.5rem;padding-left: 0.8rem;">
                                    {{comment.new_comment_num}}
                                </div>
                            </div>
                        </div>
                        <div style="text-align: right;padding-right: 1rem;">{{comment.last_time_str}}前</div>
                    </div>

                </div>
                <div style="margin: 0.5rem;padding:0.5rem;background-color: #F5F6F8; border-radius: 0.5rem;">
                    <div v-for="c in comment.friend_comment_friend_list"  v-if="c.is_active">
                        <span style="font-size: 1.2rem;color: #4E648F;padding-right: 0.3rem;" v-if="!c.to_user_id" >{{first_name(c.user__realname)}}：</span>
                        <span style="font-size: 1.2rem;color: #4E648F;padding-right: 0.3rem;" v-if="c.to_user_id" >{{first_name(c.user__realname)}}</span>
                        <span style="font-size: 1.2rem;padding-right: 0.3rem;" v-if="c.to_user_id">对</span>
                        <span style="font-size: 1.2rem;color: #4E648F;padding-right: 0.3rem;" v-if="c.to_user_id">{{first_name(c.to_user__realname)}}:</span>
                        <span style="font-size: 1.2rem;">{{c.content}}</span>
                    </div>
                </div>


            </div>
        </div>

        <div v-if="show_share_bar" style="position: absolute; top: 0px; bottom: 0px;left: 0px;right: 0px; background: rgba(0,0,0,.3)">
            <div style="display: flex; flex-direction: row;margin: auto; margin-top: 15rem; background: #ff4b84;border-radius:1rem; width: 30rem;height: 15rem; ">
                <div style="width: 10rem; padding: 1rem; ">
                    <img src="img2/gift.png" style="width: 7rem; margin-top: 2rem;margin-left: 1.5rem;">

                </div>
                <div style="display: flex;flex-direction: column;">
                    <div style="color: #ffffff; width: 20rem;margin-top: 1.2rem;padding: 0.5rem;">
                        点击右上角"…"发送给朋友或者分享到朋友圈。好友通过点击你的分享链接后，每单成交，您都可以获得平台奖励。
                    </div>
                    <div style="padding: 1rem;">
                        <button style="color: #000000; background: #ffffff;border-radius: 1.5rem; height: 3rem;width: 10rem;" @click="show_share_bar=false;">返回</button>
                    </div>
                </div>

            </div>
        </div>
        <div id="all_pengyou_images" v-if="show_pengyou_dongtai_images">
            <div class="pswp" id="all_pengyou_pswp" tabindex="-1" role="dialog" aria-hidden="true">

                <!-- Background of PhotoSwipe.
                     It's a separate element as animating opacity is faster than rgba(). -->
                <div class="pswp__bg"></div>

                <!-- Slides wrapper with overflow:hidden. -->
                <div class="pswp__scroll-wrap">

                    <!-- Container that holds slides.
                        PhotoSwipe keeps only 3 of them in the DOM to save memory.
                        Don't modify these 3 pswp__item elements, data is added later on. -->
                    <div class="pswp__container">
                        <div class="pswp__item"></div>
                        <div class="pswp__item"></div>
                        <div class="pswp__item"></div>
                    </div>

                    <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
                    <div class="pswp__ui pswp__ui--hidden">

                        <div class="pswp__top-bar">

                            <!--  Controls are self-explanatory. Order can be changed. -->

                            <div class="pswp__counter"></div>

                            <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>


                            <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                            <!-- element will get class pswp__preloader--active when preloader is running -->
                            <div class="pswp__preloader">
                                <div class="pswp__preloader__icn">
                                    <div class="pswp__preloader__cut">
                                        <div class="pswp__preloader__donut"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                            <div class="pswp__share-tooltip"></div>
                        </div>

                        <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
                        </button>

                        <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
                        </button>

                        <div class="pswp__caption">
                            <div class="pswp__caption__center"></div>
                        </div>

                    </div>

                </div>

            </div>
        </div>
    </div>


</template>


<!--我-->
<template id="tab_me">
    <div class="center" style="overflow: scroll;">
        <div class="header-container">
            <div>
                <img class="header_img" src="img2/icon.png" v-if="!user.icon_url">
                <img class="header_img" :src="show_head_img(user.icon_url, '&imageView2/0/w/80/h/80')"
                     v-if="user.icon_url">
            </div>
            <div>
                <div class="user_state" v-if="user.realname"><span></span>在线</div>
                <div class="user_state" v-if="!user.realname"><span></span>离线</div>
                <div class="header_name" v-if="user.realname" @click="logout()">{{user.realname}}</div>
                <div class="header_name" v-if="!user.realname">未登录</div>
            </div>
            <div class="user_management" @click="go_to_userinfo()"><img src="img/chilun.png"></div>
        </div>
        <div class="apply_container">
            <div class="apply_row">
                <div class="apply" @click="go_my_orders"><img src="img/me_order.png">
                    <div>我的订单</div>
                </div>
                <div class="apply"><img src="img/me_guanzhu.png" @click="go_guanzhu_me">
                    <div>我的关注</div>
                </div>
                <div class="apply"><img src="img2/public_icon_fanli.png" @click="go_shared_order">
                    <div>我的奖励</div>
                </div>
                <!--<div class="apply"><img src="img/me_suo.png"  @click="go_change_password"><div>修改密码</div></div>-->
                <div class="apply" @click="go_address"><img src="img/me_address.png">
                    <div>邮寄地址</div>
                </div>

            </div>
            <div class="apply_row">
                <div class="apply" @click="go_about_me"><img src="img/me_we.png">
                    <div>关于我们</div>
                </div>
                <div class="apply" @click="go_pro_orders" v-if="user.is_pro"><img src="img/me_wszj.png">
                    <div>我来评一评</div>
                </div>
                <div class="apply" @click="go_share_me"><img src="img/me_wdfxtj.png">
                    <div>我来推一推</div>
                </div>
            </div>

        </div>

        <div class="me_list" v-if="!user.realname" @click="login_wx">登录</div>
    </div>
</template>

<div class="main-v2" id="home">
    <component :is="currentView" keep-alive></component>
    <div class="footer3">
        <button class="line-right" :class="{ active: active===tab_defaultText }" @click="toggleTabs(tab_defaultText)">
            <img class="footer-img1" src="img2/H5_btn_order_normal.png">
            <img class="footer-img2" src="img2/H5_btn_order_highlight.png">
            <br>
            首页
        </button>

        <button class="line-right" :class="{ active: active===tab_programFlText }"
                @click="toggleTabs(tab_programFlText)">
            <img class="footer-img1" src="img2/fenlei.png">
            <img class="footer-img2" src="img2/fenlei_highlight.png"><br>
            分类
        </button>
        <button class="line-right" :class="{ active: active===tab_programText }" @click="toggleTabs(tab_programText)">
            <img class="footer-img1" src="img2/H5_btn_ss_normal.png">
            <img class="footer-img2" src="img2/H5_btn_ss_highlight.png"><br>
            搜店
        </button>

        <button class="line-right" :class="{ active: active===tab_cartText }" @click="toggleTabs(tab_cartText)">
            <img class="footer-img1" src="img2/H5_btn_gwc_normal.png">
            <img class="footer-img2" src="img2/H5_btn_gwc_highlight.png">
            <span class="red-cart" v-if="chat_num">{{chat_num}}</span>
            <br>
            购物车
        </button>


        <button :class="{ active: active===tab_meText }" @click="toggleTabs(tab_meText)">
            <img class="footer-img1" src="img2/H5_btn_wd_normal.png">
            <img class="footer-img2" src="img2/H5_btn_wd_highlight.png"><br>
            我的
        </button>
    </div>
</div>
<div class="modal fade" id="click_pic_dialog" tabindex="-1" role="dialog" aria-labelledby="click_pic_dialog_label"
     aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
                </button>
                <h4 class="modal-title" id="click_pic_dialog_label">
                    查看图片
                </h4>
            </div>
            <div class="modal-body">

                <form class="form-horizontal" role="form">

                    <div class="form-group">

                        <div class="col-sm-12">
                            <div id="bigPicDiv"></div>
                        </div>
                    </div>


                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    关闭
                </button>
                <!--<button type="button" class="btn btn-primary" id="viewOriPicBt">
                查看原图
            </button>-->
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
</body>
<style>
    .gmnoprint {
        display: none;
    }

    .gm-fullscreen-control {
        display: none;
    }
</style>
</html>